<template>
    <div class="enter">
        <div class="es-wrap">
            <a href="javascript:;" style="color: #fff;" @click="goNextPage">
                <img class="img" src="../../static/images/deskIcon.png" alt="">
                <div class="txt">{{projectName}}—{{categoryName}}</div>
            </a>
        </div>
    </div>
</template>
<script>
export default {
    name:'enter',
    data(){
        return {
            categoryName:'会计',
            projectName:'注册会计师'
        }
    },
    created(){
        if(localStorage.getItem('categoryName')){
            this.categoryName = localStorage.getItem('categoryName')
        }
        if(localStorage.getItem('projectName')){
            this.projectName = localStorage.getItem('projectName')
        }
    },
    methods:{
        goNextPage:function(){
            let routerUrl = this.$router.resolve({
                path:"/guide",
                query:{
                    id:this.$route.query.id,
                    progressID:this.$route.query.progressID
                }
            })
            window.open(routerUrl.href, '_blank');
        }
    }
}
</script>

<style lang="scss" scoped>
.enter {
  background: url(../../static/images/desktop.png) no-repeat;
  background-color: rgba(59, 110, 165, 1);
  height: 100vh;
  .es-wrap {
    position: fixed;
    left: 100px;
    top: 26px;
    color: white;
    font-family: '宋体';
    font-size: 12px;
    .txt {
            width: 94px;
      margin-top: -48px;
              padding: 0px 12px 0px 18px;
    }
  }
}
</style>
